body{
    background:#f5f5f5;
   .top{
       width:100%;
       position:absolute;
       top:0;
       left:50%;
       transform:translate(-50%,0);
       border-bottom:1px solid #eee;
       background:#fff;
       .topbar{
           width:1200px;
       }
   }
   .all{
       width:1200px;
       position:absolute;
       top:100px;
       left:50%;
       transform:translate(-50%,0);
       .content{
           float:left;
                       width:86%;
                       background:#fff;
                       margin-left: 1%;
                       position:relative;
           .content-title{
               width: 100px;
               height: 40px;
               background-color: #ffd800;
               font-family: MicrosoftYaHei;
               font-size: 15px;
               color: #333333;
               text-align:center;
               line-height:40px;
               position:absolute;
               top:-3px;
               left:18px;
           }
           .content-main{
               width:100%;
               font-size:14px;
               font-family:"MicrosoftYaHei";
               margin-top: 55px;
               .main-row{
                   width:100%;
               }
               .row-title{
                   width:100%;
                   height:50px;
                    .main-project{
                       width:30%;
                       float:left;
                       line-height:50px;
                       padding-left:46px;

                   }
                   .main-type{
                       width:10%;
                       float:left;
                       line-height:50px;
                       padding-left: 4px;
                   }
                   .main-detail{
                       width:40%;
                       float:left;
                       line-height:50px;
                       padding-left: 4px;
                   }
                   .main-date{
                       width:10%;
                       float:left;
                       line-height:50px;
                       padding-left: 4px;
                   }
               }
               .row-content{
                   width:100%;
                   height:50px;
                   background:#fff;
                   span{
                       display:inline-block;
                       width: 4px;
                       height: 49px;
                       background-color: #fff;
                       margin-right:42px;
                       float:left;
                   }
                   .content-project{
                       width:30%;
                       float:left;
                       white-space:nowrap;
                       overflow:hidden;
                       text-overflow:ellipsis;
                       line-height:50px;
                   }
                   .content-type{
                       width:10%;
                       float:left;
                       line-height:50px;
                   }
                   .content-detail{
                       width:40%;
                       white-space:nowrap;
                       overflow:hidden;
                       text-overflow:ellipsis;
                       float:left;
                       line-height:50px;
                   }
                   .content-date{
                       width:10%;
                       float:left;
                       line-height:50px;
                   }
               }
           }
       }
   }

}
